/* 设置第一个盒子 */
a{
    color:black;
}
.first-box{
    height: 68px;
    margin-top:80px;
    background-color: #47464a;
    display: flex;
    justify-content: center;
}
/* 设置里面的ul */
.first-box ul{
    width: 380px;
    height: 68px;
    display: flex;
    line-height: 68px;
    justify-content: space-between;
}
.first-box ul li{
    position: relative;
}
.first-box ul>li a{
    font-size: 17px; 
    color: #999;
}
/* 设置里面的触摸事件 */
.first-box ul>li a:hover{
    color: #fff;
}
/*设置里面的小三角  */
.first-box ul>li .box-tangle{
    display: none;
    width: 0;
    height: 0;
    border: 10px #000 solid;
    border-color: transparent transparent #fff transparent ;
    position: absolute;
    top: 48px;
    left: 26px;
}
/* 设置外面的大盒子 */
.seconed-box{
    margin: 40px auto 0px;
    width: 1100px;
    border: 1px solid rgb(229, 229, 229);
    padding: 0 20px;
}
/* 设置第一个小盒子 */
.seconed-box .box-1,.box-1-y{
    width: 1078px;
    height: 74px;
    font-size: 14px;
    position: relative;
    border-bottom: 1px solid rgb(229, 229, 229);
}
/* 设置里面的第一个小盒子里面的小盒子 */
.seconed-box .box-1-1 span{
    font-size: 14px;
    color: #999999;
    position: absolute;
    top: 18px;
}
/* 设置里面的第二个盒子 */
.seconed-box .box-1-2{
    position: absolute;
    top: 14px;
    right: 40px;
    width: 1020px;
    line-height: 25px;
    display: flex;
    flex-wrap: wrap;
    
}
.seconed-box .box-1-2 span{
   margin-left: 20px;
   color: #333333;
}
/* 去掉最后一个下边距 */
.seconed-box .box-1-x{
    width: 1078px;
    height: 74px;
    font-size: 14px;
    position: relative;
}
/* 设置表单盒子 */
.third-box{
   width: 1100px;
   margin: 40px auto 0px;
   padding-right:39px;
}
.third-box span{
    margin-right: 30px;
}
/* 设置最后一个盒子 */
.fourth-box{
   width: 1100px;
   margin: 35px auto 0px;
   margin-bottom: 150px;
}
/* 设置里面a标签的样式在被点击后 */
.seconed-box .box-1-2 a{
    display:inline-block;
    padding: 2px 7px;
    border-radius: 14px;
    text-align: center;
}
/* 设置里面第五个盒子 */
.fifth-box{
    width: 1100px;
    margin: 22px auto 0px;
    padding-right:39px;
}
/* 给里面的li添加定位 */
.fifth-box li{
    position: relative;
}
/* 获取里面的第一个li */
.fifth-box ul>li a:nth-child(2){
    background-color: red;
    color: #fff;
    padding: 0 2px;
    font-size: 12px;
    position: absolute;
    top:198px;
    left: 128px;
}
/* 获取里面第二个li */
.fifth-box ul>li a:nth-child(3){
    font-size: 16px;
    position: absolute;
    top: 230px;
    left: 50px;
}
/* 获取里面的第一个p标签 */
.fifth-box ul>li p:nth-child(4){
    color: #ffb400;
    font-size: 22px;
    position: absolute;
    top:260px;
    left: 70px;
}
/* 获取里面的第二个p标签 */
.fifth-box ul>li p:nth-child(5){
    color: #ffb400;
    font-size: 20px;
    position: absolute;
    top:262px;
    left: 88px;
}
/* 设置里面的盒子 */
.fifth-box ul>li .fifth-in{
    width: 193px;
    height: 150px;
    background-color: #fff;
    position: absolute;
    bottom: 59.5px;
    border: solid #999 1px;
}
/* 设置这个盒子的样式 */
/* 设置里面的li */
.fifth-box ul>li .fifth-in ul>li:nth-child(1){
   display: flex;
   position: relative;
   top: 20px;
   left: 20px;
}
/* 设置里面的第一个p */
.fifth-box ul>li .fifth-in ul>li:nth-child(1) p:nth-child(1){
    font-size: 16px;
    
}
/* 设置里面的第二个p */
.fifth-box ul>li .fifth-in ul>li:nth-child(1) p:nth-child(2){
    font-size: 22px;
    position: absolute;
    right: 40px;
    color: #ffb400;
}
/* 设置里面的第三个p */
.fifth-box ul>li .fifth-in ul>li:nth-child(1) p:nth-child(3){
    font-size: 20px;
    position: absolute;
    right: 30px;
    color: #ffb400;
}
/* 设置里面的第二个li */
.fifth-box ul>li .fifth-in ul>li:nth-child(2){
    display: flex;
    position: relative;
    top: 27px;
    left:20px;
 }
 /* 设置里面的第二个li的第二个p */
.fifth-box ul>li .fifth-in ul>li:nth-child(2) p:nth-child(1){
   padding-right: 10px;
}
.fifth-box ul>li .fifth-in ul>li:nth-child(2) p:nth-child(2){
    color: rgb(169, 165, 165);
 }
 /* 设置里面的第三个li */
 .fifth-box ul>li .fifth-in ul>li:nth-child(3){
    display: flex;
    position: relative;
    top: 34px;
    left: 20px;
 }
 .fifth-box ul>li .fifth-in ul>li:nth-child(3) p:nth-child(2){
    color: rgb(169, 165, 165);
 }
 .fifth-box ul>li .fifth-in ul>li:nth-child(3) p:nth-child(1){
    padding-right: 10px;
 }
 /* 设置里面的第四个li */
 .fifth-box ul>li .fifth-in ul>li:nth-child(4){
    display: flex;
    position: relative;
    top: 44px;
    left: 20px;
 }
 .fifth-box ul>li .fifth-in ul>li:nth-child(4) p:nth-child(2){
    color: rgb(169, 165, 165);
 }
 .fifth-box ul>li .fifth-in ul>li:nth-child(4) p:nth-child(1){
    padding-right: 10px;
 }
 /* 设置里面的第五个li */
 .fifth-box ul>li .fifth-in ul>li:nth-child(5){
    display: flex;
    position: relative;
    top: 50px;
    left: 20px;
    color: rgb(169, 165, 165);
 }
/*设置最后的底部 */
.footer{
    margin-top: 100px;
}

/* 设置里面的ul */
.fifth-box .fifth-box-1{
    width: 107%;
    justify-content: space-around;
    display: flex;
    flex-wrap: wrap;
}
/* 设置里面的li */
.fifth-box .fifth-box-1>li{
    margin-right: 30px;
    margin-bottom: 100px;
    
}

/* 设置第六个盒子 */
.sixth-box{
    text-align: center;
}
/* 设置里面的a */
.sixth-box a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    border: 1px solid #999;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.sixth-box a:nth-child(4){
    width: 66px;
}
/* 设置a的触摸事件 */
.sixth-box a:hover{
    border-color: red;
}
.sixth-box a:nth-child(1){
    background-color: red;
    color: #fff;
    cursor: default;
    border-color:red;
}